<main>
    <div class="position-relative overflow-hidden p-3 text-center bg-light">
        <div class="col-md-5 p-lg-5 mx-auto my-5">
        <div class="d-none d-md-block display-5"><i class="bi bi-cloud"></i></div>
            <h1 class="display-4 fw-normal">Home_Page_Title</h1>
            <p class="lead fw-normal">Home_Page_Subtitle</p>
            <a class="btn btn-outline-secondary" href="/load">User_Load_text_UserButtom</a>
            <a class="btn btn-outline-secondary" href="/reg">User_Reg_text_UserButtom</a>
        </div>
    </div>
    <div class="d-md-flex  w-100 my-md-3 ps-md-3">
        <div class="bg-dark me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
            <div class="my-3 py-3">
                <h2 class="display-5">Home_Page_Little_Title1</h2>
                <p class="lead">Home_Page_Little_Subtitle1</p>
            </div>
            <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 200px; border-radius: 21px 21px 0 0;"></div>
        </div>
        <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
            <div class="my-3 p-3">
                <h2 class="display-5">Home_Page_Little_Title2</h2>
                <p class="lead">Home_Page_Little_Subtitle2</p>
            </div>
            <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 200px; border-radius: 21px 21px 0 0;"></div>
        </div>
        <div class="bg-dark me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
            <div class="my-3 py-3">
                <h2 class="display-5">Home_Page_Little_Title3</h2>
                <p class="lead">Home_Page_Little_Subtitle3</p>
            </div>
            <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 200px; border-radius: 21px 21px 0 0;"></div>
        </div>
        <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
            <div class="my-3 p-3">
                <h2 class="display-5">Home_Page_Little_Title4</h2>
                <p class="lead">Home_Page_Little_Subtitle4</p>
            </div>
            <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 200px; border-radius: 21px 21px 0 0;"></div>
        </div>
    </div>

</main>